import React from 'react'
import { ResultPage } from 'antd-mobile'
import { CapsuleTabs } from 'antd-mobile'

import { Cascader, Button, Space, Toast } from 'antd-mobile'

function Index() {
  
  return (
    <div>
         <ResultPage
      status=''
      title='上海--北京'
      description=' '
    >
        
 <CapsuleTabs>
          <CapsuleTabs.Tab title='火车' key='fruits'>
          <p><b>12:15</b>-----<b>10:27</b>
            <span style={{color:'orange'}}>￥152.5</span></p>
            <p>上海G462 北京丰台</p>
            <p><b>12:15</b>-----<b>10:27</b>
            <span style={{color:'orange'}}>￥598</span></p>
            <p>上海G462 北京丰台</p>
          </CapsuleTabs.Tab>
          <CapsuleTabs.Tab title='中转' key='vegetables'>
          <p><b>12:15</b>-----<b>10:27</b>
            <span style={{color:'orange'}}>￥152.5</span></p>
            <p>上海虹桥 G130 北京南站</p>
          </CapsuleTabs.Tab>
          
        </CapsuleTabs>
    </ResultPage>
    
    </div>
  )
}

export default Index
